<template>
  <div style="height: inherit;">
    <Layout class="flex-col">
        <Header></Header>
        <Layout class="flex-row"
        >
            <Sider></Sider>
            <Main></Main>
        </Layout>
    </Layout>
  </div>
  
</template>
<script lang="ts" setup>
import Header from "../components/Header.vue";
import Sider from "../components/Sider.vue";
import Main from "../components/Main.vue";
import Layout from "../components/Layout.vue";
</script>
<style scoped>

</style>
  